// 一般在react项目中会创建一个根组件
import React from 'react'
import List from './components/List'

export default function App() {
  return (
    <div id="app">
      {/* 使用List组件的时候,才会知道要渲染什么数据.所以List组件要渲染的数据,应该是组件外部的数据,然后传递到组件内容进行使用 */}

      {/* 将外部的数据通过props传递给第一个组件实例 */}
      <List test={[1, 2, 3]}></List>
      <List test={['a', 'b']} />
      {/* <ul>
        <li>a</li>
        <li>b</li>
      </ul> */}
    </div>
  )
}
